<!DOCTYPE html>
<html lang="">
  <head>
      <meta charset="utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta name="renderer" content="webkit" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
      <link rel="icon" href="/favicon.ico" />
      <script type="module">
          import * as SuperMap from './public/Build/Cesium/Cesium.js';
      </script>
      <link rel="stylesheet" href="./public/Build/Cesium/Widgets/widgets.css">

      <title>Cesium</title>
      <!--[if lt IE 11
        ]><script>
          window.location.href = '/html/ie.html';
        </script><!
      [endif]-->
      <style>
          html,
          body,
          #app {
              height: 100%;
              margin: 0px;
              padding: 0px;
          }

          @-webkit-keyframes spin {
              0% {
                  -webkit-transform: rotate(0deg);
                  -ms-transform: rotate(0deg);
                  transform: rotate(0deg);
              }

              100% {
                  -webkit-transform: rotate(360deg);
                  -ms-transform: rotate(360deg);
                  transform: rotate(360deg);
              }
          }

          @keyframes spin {
              0% {
                  -webkit-transform: rotate(0deg);
                  -ms-transform: rotate(0deg);
                  transform: rotate(0deg);
              }

              100% {
                  -webkit-transform: rotate(360deg);
                  -ms-transform: rotate(360deg);
                  transform: rotate(360deg);
              }
          }
      </style>
  </head>

  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
